<style>
    img{
        width: 80px;
        height: 80px;
        margin-right: 10px;
        border-radius: 80px;
    }
    .title{
        font-size: 24px;
    }
    span{
        display: block;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        background: #3498db;
        border-radius: 35px;
        float: left;
        color: aliceblue;
        margin-right: 15px;
    }
    i{
        font-style: normal;
        margin-right: 25px;
        line-height: 25px;
    }
    strong{
        line-height: 25px;
    }
</style>
<table class="table table-striped">
    <tbody>
       <tr align="center">
           <td class="title"><img src="{$list.Image}">{$list.UserName}</td>
       </tr>
       {foreach name="$list.List" id="vo"}
        <tr>
            <td>
                <span>{$key+1}</span><i>结束时间：{$vo.CreateDate}</i>  <strong>分数：{$vo.score}</strong>
            </td>
        </tr>
       {/foreach}
      
    </tbody>
</table>